<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>身份证工具</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="../../layui-v2.8.0/css/layui.css" media="all">
    <link rel="stylesheet" href="../../css/select2.min.css" media="all">
    <link rel="stylesheet" href="../../layui-v2.8.0/lay-module/markdown/css/editormd.min.css"/>
    <script type="application/javascript" src="../../js/jquery-v3.6.3.min.js"></script>
    <script type="application/javascript" src="../../js/jquery.cookie.min.js"></script>
    <script type="application/javascript" src="../../layui-v2.8.0/layui.js" charset="utf-8"></script>
    <script type="application/javascript" src="../../layui-v2.8.0/modules/all.js" charset="utf-8"></script>
    <script type="application/javascript" src="../../layui-v2.8.0/lay-config.js?v=2.0.0" charset="utf-8"></script>
    <script type="application/javascript" src="../../html-js/index.js" charset="utf-8"></script>
    <script type="application/javascript" src="../../html-js/common.js" charset="utf-8"></script>
    <script type="application/javascript" src="../../html-js/tool/card-tool-info.js" charset="utf-8"></script>
    <script type="application/javascript" src="../../html-js/header.js" charset="utf-8"></script>
    <script type="application/javascript" src="../../layui-v2.8.0/lay-module/markdown/editormd.js" charset="utf-8"></script>

</head>
<body>
<form class="cardToolInfo layui-form layui-form-pane" style="margin: 0 auto;padding: 1rem;">
    <div class="layui-form-item">
        <label class="layui-form-label required">身份证号</label>
        <div class="layui-input-block">
            <input type="text" name="number"  value="" class="layui-input number" autocomplete="off">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label required">地址</label>
        <div class="layui-input-block">
            <input type="text" name="address"  value="" class="layui-input address" autocomplete="off">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label required">姓名</label>
        <div class="layui-input-block">
            <input type="text" name="name"  value="" class="layui-input name" autocomplete="off">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label required">民族</label>
        <div class="layui-input-block">
            <input type="text" name="nation"  value="" class="layui-input nation" autocomplete="off">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label required">有效期开始</label>
        <div class="layui-input-block">
            <input type="text" name="validityStart"  value="" class="layui-input validityStart" autocomplete="off">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label required">有效期结束</label>
        <div class="layui-input-block">
            <input type="text" name="validityEnd" value="" class="layui-input validityEnd" autocomplete="off">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label required">签发机构</label>
        <div class="layui-input-block">
            <input type="text" name="issuance" value="" class="layui-input issuance" autocomplete="off">
        </div>
    </div>


</form>

<div style="padding: 2rem; text-align: center">
    <button class="layui-btn" lay-submit="" lay-filter="saveCardToolFront">保存正面</button>
    <button class="layui-btn" lay-submit="" lay-filter="saveCardToolBack">保存背面</button>
</div>
</body>
</html>